<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入练习</title>
</head>
<body>
<!--从当前文件出发:
    1)图片与文件在同一文件夹下:直接写图片全名
    2)图片在文件的下一级文件夹下:先写文件夹名,再找到文件夹下的图片
    3)图片在文件的上一级文件夹下:先回到上一级,再找到文件夹下的图片-->
    <img src="img/1.jpg" title="我是一张五常大米的图片" width="100px" height="100px">
    <img src="img/12.jpg" alt="哎呀,图片走丢了" >
    <img src="2.png" alt="">
    <img src="../3.png" alt="">
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///f044221ee737404e91584a4d083764bd.png" alt="">
</body>
</html>